<template>
	<base-icon class="text-base" :name="getSportsIcon(sportId) || ''"></base-icon>
</template>

<script lang="ts" setup>
import { PropType } from 'vue'
import { BaseIcon } from '@/components/base'
import { SportsType } from '@/enums'
import { getSportsIcon } from '@/utils'

defineProps({
	sportId: {
		type: String as PropType<SportsType>
	}
})
</script>
